<template>
    <div class="w-100% h-100%">
        <chart :cdata="cdata" :ratio="curRatio" />
    </div>
</template>

<script lang="ts" setup>
import {reactive, ref, nextTick} from "vue";
import Chart from './chart';
import { useEchartSize } from '@/utils/utils';

const cdata = reactive({
    list: [
        {
            name: '班级多媒体设备',
            value: 35,
            goal: 61
        },
        // {
        //     name: '同频互动学校',
        //     value: 16,
        //     goal: 47
        // },
        // {
        //     name: '同频互动学校',
        //     value: 16,
        //     goal: 47
        // },
    ],

})

const { curRatio } = useEchartSize();


</script>

<style lang="scss" scoped>

</style>
